<template>
    <div class="dets">
           <li>
             <div class="left">
                  <img :src="imgUrl" alt="">
                  <p class="p1">{{title}}</p>
                  <p class="p2">￥{{price}}</p>
             </div>
         </li>
    </div>
</template>
<script>
export default {
    props:{

    },
    components:{

    },
    data(){
        return {
            imgUrl:'',
            title:'',
            price:''
        }
    },
    computed:{

    },
    methods:{

    },
    created(){

    },
    mounted(){
          this.imgUrl=this.$route.query.imgUrl;
          this.title=this.$route.query.title;
          this.price=this.$route.query.price;
    }
}
</script>
<style scoped lang="scss">
@import "~@/scss/common.scss";
.dets{
    width:100%;
    margin-top:2px;
    li{
        width:100%;
        height:pxTorem(300px);
        display:flex;
        justify-content:space-between;
        padding:0 pxTorem(7px);
        align-items:center;
        margin:pxTorme(7px) 0;
        overflow-x:hidden;
        .left{
            width:100%;
            height:100%;
            img{
                 width:100%;
                 height:pxTorem(234px);
            }
            .p1{
                font-size:pxTorem(15px);
                font-weight:bold;
                margin-top:4px;
            }
            .p2{
                font-size:pxTorem(14px);
                margin-top:4px;
                color:red;
            }
        }
    }
}
</style>